@charset "utf-8";
*{
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; 
  list-style: none;
  text-decoration: none;
  font-family:"微软雅黑";
  font-size:10px;
}
/*1em=12*/
.clear { clear: both; width: 100%; height: 0px; line-height: 0px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear3 { clear: both; width: 100%; height: 3px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear4 { clear: both; width: 100%; height: 4px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear5 { clear: both; width: 100%; height: 5px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear6 { clear: both; width: 100%; height: 6px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear7 { clear: both; width: 100%; height: 7px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear8 { clear: both; width: 100%; height: 8px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear9 { clear: both; width: 100%; height: 9px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear10 { clear: both; width: 100%; height: 10px; overflow: hidden; margin: 0 auto; padding: 0; }

.header{
	border-bottom: 3px solid #0B438D;
	background: #5FB4D1;
}
/*顶部*/
.header-top{
	background:#0B438D;
	color: #D7D7D7;
	padding: 0px 0;
}
.hd-lft{
	margin-top: 5px;
	font-size: 1.4em;
}
.hd-rgt span{
	font-size: 1.4em;
}
.header-top .dt-label {
	display: inline-block;
	vertical-align: 4px;
}
.header-top .phone-wrap font {
	display: inline-block;
	padding-left: 10px;
	margin-left: 0px;
	font-size: 2em;
	font-weight: normal;
	color: #65ACDA;
}
/*头部*/
.header-center{
	padding-bottom: 10px;
	color: red;
	padding-left: 0;
	padding-bottom: 0;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
/*头部左边*/
.ht-ctl{

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.ht-ctl img{width: 100%;}
}

/*头部右边*/
.ht-ctr{
	padding-right: 0;
}
/*搜索开始*/
.ht-ctr .input-group{
	margin-bottom: 1em;
	width: 50%;margin-left: 3%;
}
.ht-ctr .header-form input[type=text]{height: 2.5em;}
.ht-ctr .input-group-addon{padding: 0;}
.ht-ctr .header-form .btn-default{margin: 0;  border: 0;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.ht-ctr .input-group{width: 80%;margin-left: 5%;}
}
/*搜索结束*/

/*导航栏*/
.navbar{min-height: auto;}
#dhmenu{
	margin-bottom: 0px;
	position: relative;
	border: none;
	background:none;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	#dhmenu{background: white;}
	#dhmenu .navbar-header .navbar-toggle{margin: 0;}
}

#dhmenu #menuselect ul{}
#dhmenu #menuselect ul li{}
#dhmenu #menuselect ul li a{
	line-height:20px;
	font-size:1.6em;
	padding:5px;
	color:white;
}
/*导航选中属性*/
#dhmenu #menuselect ul .dhseleted>a{color: red;}

/*open属性*/
#dhmenu #menuselect ul .open>a:hover{
	background: #5FB4D1;
	color: red;
}
#dhmenu #menuselect ul .open ul a{color: black;}
@media only screen and (min-width: 320px) and (max-width: 767px){
	#dhmenu #menuselect ul li a{color: black; line-height: 20px;margin-top: 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#dhmenu #menuselect ul{margin-top: 1.5em;}
}


#dhmenu .mean-expand{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	background: lightgrey;
	padding: 5px;
	width: 30px;
	font-size: 20px;
	text-align: center;

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	#dhmenu .mean-expand{
		display: block;
		z-index: 2;
	}
	.nav-link{
		display: block;
	}

}




/*轮播*/
#myCarousel{
	margin-top: 0px;
}
#myCarousel .carousel-indicators li {
	width:2em;
	height: 2em;
	border-radius:0;
	margin:0 0.6em;
}
#myCarousel .carousel-indicators li{border:1px solid red;background: white;}
#myCarousel .carousel-indicators .active{background:red;}
#myCarousel .carousel-inner .item img{
	width: 73%;margin: auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	#myCarousel .carousel-inner .item img{width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#myCarousel .carousel-inner .item img{width: 95%;margin: auto}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px){
	#myCarousel .carousel-inner .item img{width: 100%;margin: auto;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	#myCarousel .carousel-indicators li {
		width:3em;
		height: 1em;
	}
}

/*公司资质*/
.gszz{
	text-align: center;
	position: relative;bottom: 50px;
}
.gszz img{
	width: 77%;margin: auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	.gszz img{width: 100%;}
	.gszz{bottom: 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.gszz img{width: 95%;margin: auto}
	.gszz{bottom: 25px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px){
	.gszz img{width: 100%;margin: auto;}
	.gszz{bottom: 30px;}
}

/*共用栏目头部*/
.sylmtop{
	text-align: center;
	margin-bottom: 2em;
}
.sylmtop span{
	display: inline-block;
	font-size: 30px;
}
.sylmtop p{
	color: #555555;
	font-size:14px;
	margin-bottom: 5px;
}
.sylmtop div{
	width: 30px;height:2px;background: black;
	margin-left:auto ;margin-right: auto;
}

/*关于我们*/
.syaboutwk{
	background:#F1F1F1;
}
.syaboutct{
	font-size: 1.5em;
	color: #555555;
	text-align: justify;
	text-justify: inter-ideograph;

}
.syaboutmore{
	text-align: center;
	margin-top: 3em;
}
.syaboutmore a{
	display:inline-block;
	font-size: 1.6em;
	padding: 0.5em 1em;
	background:#0A448E;
	color:white;
	margin-bottom: 2em;
}
.syaboutmore a:hover{
	background: black;text-decoration: none;
}

/*企业证书*/
.syzswk{
	background: url(/static/default/image/zhenshu.jpg);
}
.syzs{
	padding-top: 3em;
	padding-bottom: 2em;
}

.syzs .zslb{
	word-wrap:break-word;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 150px;

}
.syzs .zslb .zslbpre a{
	display: inline-block;
	width: 40px;height:22%;
	font-size: 22px;text-align: center;
	position: absolute;z-index: 90;
	left: 15px;top:39%;
	background: black;color: white;

}
.syzs .zslb .zslbpre a:hover{
	text-decoration: none;background: #09458D;
}
.syzs .zslb .zslbnex a{
	display: inline-block;width: 40px;height:22%;
	font-size: 22px;text-align: center;
	position: absolute;z-index: 90;
	right: 15px;top:39%;
	background: black;color: white;
}
.syzs .zslb .zslbnex a:hover{
	text-decoration: none;background: #09458D;
}
.syzs .zslb .thumbnail img{
	height: 140px;margin:auto;
}

/*热门产品推荐*/
.syhotlist{
	background:#BFE3F1;
	padding-top:2em;
	padding-bottom:2em;
	margin-bottom: 3em;
	margin-left: 0;
	outline: 1px solid white;
	outline-offset: -1px;
}
.syhotlist div{
	border-right:1px solid white;
	padding-top: 1em;
}
.syhotlist div a{
	font-size: 1.6em;
}

/*产品展示*/
.cpshowwk{
	padding:2em 0;
}
.cpshow{}
.cpshow .cpshowlist{}
.cpshow .cpshowlist>div .thumbnail img{
	width: 60%;margin: auto;
}

.cpshow .cpshowlist>div .cpshowt{
	font-size: 1.6em;color: black;padding: 0 0.5em;
	line-height: 1.5em;height: 3em;overflow: hidden;
}
.cpshow .cpshowlist>div .cpshowt a{
	font-size:1em;color: black;
}
.cpshowlist>div .thumbnail:hover{
	border-color: red;
}
.cpshow .cpshowlist>div .cpshowt a:hover{
	color: red;
}


/*公司三大动态*/
.gsdtwk{
	background: #F1F1F1;
	padding-top: 3em;
	padding-bottom: 3em;
}
.gsdtl{
	background: white;
	padding-top:3em;
	padding-bottom:3em;
	margin-bottom: 2em;
	border-right: 15px solid #F1F1F1;
}
/*窗体宽度小鱼1024像素时不显示客服QQ*/
@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.gsdtl{
		border-right: 0px solid #F1F1F1;
	}
}




.gsdtltop{
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 3em;
	padding-bottom: 1em;
	border-bottom: 1px solid #DCDCDC;
}
.gsdtltop #proTab {

}
.gsdtltop #proTab li{
	padding-left: 1em;
	padding-right: 2em;
}
.gsdtltop #proTab li a{
	font-size: 24px;
	color: #555555;
	margin: 0;
	padding: 0;
}
.gsdtltop #proTab .active a{
	color: #337ab7;
	background-color: white;
}

.gsdtltop span{
	position: absolute;
	right: 15px;

}
.gsdtltop span a{
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
}

.dtlct{
	background: white;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left:0 ;
	margin-right: 0;
}
.dtlcttl img{
	outline: 1px solid #DCDCDC;
	outline-offset: -1px;
}
.dtlcttr h2{
	margin-top: 0;
	font-size: 2.2em;
}
.dtlcttr h2 a{
	font-size: 1em;color:black;
}


.dtlcttr p{
	font-size: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.dtlcttr p a{
	font-size: 1em;
	color: black;
}
.dtllist{
	padding:1.5em;
}
.dtllistson{
	font-size: 1.6em;
	line-height:3em;
	height: 3em;
	overflow: hidden;
	background: white;
	border-top:1px solid #DCDCDC;
}
.dtllistsonl{
	float: left;
	width: 80%;
	background: white;
}
.dtllistsonl a{
	font-size: 1.6em;
	color: black;
}
.dtllistsonl a:hover{color: red;}
.dtllistsonr{
	float: left;
	width: 20%;
	font-size: 1em;
	text-align: center;
	background: white;
}


.gsdtr{
	background: white;
	padding-top:3em;
	padding-bottom:3em;
}
.gsdtrtop{
	position: relative;
	background: white;
	margin-bottom: 3em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	border-bottom: 1px solid #DCDCDC;
}

.gsdtrtop span{
	font-size: 24px;

}
.gsdtrtop span a{
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
}
.dtrct{
	background: white;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}
.dtrct img{
	max-width: 100%;
}


.dtrlist{
	padding:15px;
}
.dtrlistson{
	font-size: 1.6em;
	line-height:3em;
	height: 3em;
	overflow: hidden;
	background: white;
	border-top:1px solid #DCDCDC;
}
.dtrlistson a{
	font-size: 1em;
	color: black;
}
.dtrlistson a:hover{
	color: red;
}


/*底部*/
.footer{
	background: #5FB4D1;
	color: white;
	padding-top: 2em;
	border-top:8px solid #0B438D;
}

.footl{

}
.footltop{
	background: white;
	color: black;
	font-size: 1.6em;
	text-align: center;
	border-radius: 10px;
}
.footlimg{
	padding-top: 3em;
	text-align: center;
}

.footr{

}
.footrtop{
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content:space-between;
	flex-wrap: wrap;
	padding-bottom: 0.6em;
	border-bottom: 1px solid white;
}
.footrtop a{
	display: inline-block;
	font-size: 1.6em;
	color: white;
	margin:0  0.2em 0.3em 0.2em;
}
.footrct{
	padding-top: 2em;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.footrctl{
	padding-left: 0;
}
.footrctl .ctlcont{
	font-size: 1.4em;
}
.footrctl .ctlcont a{
	font-size: 1em;color: white
}
.footrctl .ctlbq{
	font-size: 1.4em;
}
.footrctl .ctlbq a{
	font-size: 1em;color: white;
}

.footrctr{
	text-align: center;
}
.footrctr p{
	font-size:1.6em;
	margin-top: 0.6em;
}


/*友情链接*/
.footer .footbottom{
	background:#0B438D;
	padding-bottom: 1em;
}
.footer .footbottom p{ font-size: 1.4em;color: white;}
.footer .footbottom p a{font-size: 1em;color: white;}



/*浮动客服开始*/
#floatDivBoxs{ width:140px;background:#fff; position:fixed; top:20%; right:0; z-index:1000000;}
#floatDivBoxs .floatDtt{ width:100%; height:45px; line-height:45px; background:#f08326; color:#fff; font-size:14px; text-indent:22px; position:relative;}
#floatDivBoxs .floatDqq{ padding:0 5px;}
#floatDivBoxs .floatDqq a{color: #555555;font-size: 15px;}
#floatDivBoxs .floatDqq li{ line-height:25px; border-bottom:1px solid #e3e3e3; padding:10px 0 0 10px; }
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:10px 5px;}
#floatDivBoxs .floatDtel{padding:0 5px;}
#floatDivBoxs .floatDtel h3{ font-size: 13px;line-height:20px; font-family: '微软雅黑', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#F00; padding-left:10px;margin: 0; }
#floatDivBoxs .floatDtel h5{ font-size: 13px;line-height:20px; font-family: '微软雅黑', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color: #333; padding-left:10px; margin: 0;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{ width:100%; height:3px; background:url(/static/default/images/online_botbg.jpg) no-repeat; box-shadow:-2px 0 3px rgba(0,0,0,0.25); }
.floatShadow{background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(/static/default/images/online_arrow.jpg) no-repeat;position:fixed;top:20%;right:140px;z-index:1000000;}
#rightArrow a{display:block;height:45px;}
/*浮动客服结束*/
/*窗体宽度小鱼1024像素时不显示客服QQ*/
@media only screen and (min-width: 320px) and (max-width: 1023px) {
	#rightArrow{display: none;}
	#floatDivBoxs{display: none;}
}


/*清除工商银行插件产生的div*/
#ClCache { display:none; }
#qiao-wrap { display:none; }
/*网络故障，显示紧急联系方式开始*/
.guzhang20170328 { clear:both; width:100%; height:60px; margin:0 auto; position:fixed; bottom:0; display:none; z-index:10000; }
.guzhang20170328a { clear:both; width:1000px; height:60px; margin:0 auto; position:relative; background:url(/static/default/images/guzhang20170328a.jpg) no-repeat; display:none; z-index:10000; }
/*网络故障，显示紧急联系方式结束*/